<!--
 * @description  : 特殊区域列表展示组件
 * @descriptionDetail: 特殊区域列表展示组件
 * @copyright    : 浙江烟草
 * @author       : sy
 * @create       : 2022-09-26 15:57:44
-->
<template>
  <view>
    <u-row gutter="16" @click.native="handlerCheckDetail()">
      <u-col :span="1">
        <view class="title">
          <u-icon size="20" name="../../../static/storage/icon_qyb.png"></u-icon>
        </view>
      </u-col>
      <u-col span="8" class="u-p-r-30">
        {{ uncolist.entName }}
      </u-col>
      <u-col span="12">
        <view class="sub-title address">
          企业字号名称:{{ uncolist.entName || '' }}
        </view>
      </u-col>
      <u-col span="12">
        <view class="sub-title address">
          经营地址: {{ uncolist.entAddress || '' }}
        </view>
      </u-col>
      <u-col span="12">
        <view class="sub-title address">
          法定代表人:{{ uncolist.managerName || '' }}
        </view>
      </u-col>
    </u-row>
  </view>
</template>
<script>
import { M_PLAN_STATUS, M_COMMON_CHECK_STATUS, } from "@/service/check/mapping/enum.js";
export default {
  name: "AreasItem",
  props: {
    uncolist: {
      type: Object,
      default: () => ({}),
    },
  },
  data () {
    return {
      M_PLAN_STATUS,
      M_COMMON_CHECK_STATUS,
      tels: [],
      signList: [],
      signSheetShow: false,
      longitude: 0, // 经度
      latitude: 0,  // 纬度
    }
  },
  created () {
  },
  mounted () {
  },

  methods: {
  },
}
</script>
<style lang="scss" scoped>
.title {
  font-size: 15px;
  color: #666;
  font-weight: 600;
  margin: 5px 10px;
}
.sub-title {
  color: #666;
  margin: 3px 4px;
}
.address {
  padding-left: 4px;
}
.status {
  padding: 2px;
  width: 112rpx;
  height: 56rpx;
  line-height: 48rpx;
  text-align: center;
  border-radius: 28rpx;
  float: right;
  font-size: 24rpx;
}
// 灰色
.status-00 {
  color: #717579;
  background: #edeeef;
}
// 蓝色
.status-01 {
  color: #0079f2;
  background: #e0ecff;
}
// 绿色
.status-02 {
  color: #20ab5c;
  background: #dbf4e6;
}
</style>
